<template>
    <div class='my-swipers'>
        <van-swipe class="my-swipe" :autoplay="3000" indicator-color="white">
            <van-swipe-item v-for="item in bannerList">
                <van-image fit="fit" class="banner-img" :src="item.img" />
            </van-swipe-item>
        </van-swipe>
    </div>
</template>

<script>

export default {
    name: 'MyLunbo',
    props: {
        bannerList: {
            type: Array,
            required: true
        }
    }
}
</script>

<style scoped>
.my-swipe .van-swipe-item {
    color: #fff;
    font-size: 20px; 
    text-align: center;
    background-color: #39a9ed;
}
.banner-img {
    width: 100%;
    height: 150px
}
</style>